
.animated{
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/*------------------- 华丽分割线 -----------------------*/

.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;}

/*------------------- 华丽分割线 -----------------------*/

#dialogBg{
  width:100%;
  height:100%;
  background-color:#000000;
  opacity:.6;filter:alpha(opacity=60);
  position:fixed;
  top:0;left:0;
  z-index:9999;
  display:none;
}
#dialog{
  width:320px;
  height:180px;
  display:none;
  background-color:#ffffff;
  position:fixed;
  z-index:10000;
  border:1px solid #ccc;
  border-radius:5px;
  -webkit-border-radius:5px;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

                          